import React from 'react';
import { Avatar, Button, List } from 'antd';
import('./index.css')

const data = [
  {
    title: '标题1',
    message: '组件1'
  },
  {
    title: '标题2',
    message: '组件2'

  },
  {
    title: '标题3',
    message: '组件3'

  },
  {
    title: '标题4',
    message: '组件4'

  },
];

export default function MyList() {
  return (
    <List
    itemLayout="horizontal"
    dataSource={data}
    renderItem={(item) => (
    <List.Item>
        
         <List.Item.Meta
            title={<a href="https://ant.design">{item.title}</a>}
            description={item.message}
            />
            <div className='list-container'>
                <div>
                    <span>2022-12-30 11:33:20</span>
                </div>
                
                <div>
                    <Button type="primary">编辑</Button>
                </div>
               
               <div>
                    <Button type="primary" danger>删除</Button>
               </div>
            </div>
            
       
    </List.Item>
    )}


    
/>
    
  )
}
